<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>05生命周期的钩子函数</title>
  <script src="js/vue.js"></script>
</head>
<body>
<div id="div">
  <p>{{msg}}</p>
</div>
<script>
  /*
  *beforeCreate:vue对象初始化完成之前调用该函数
  * created:初始化之后调用该函数
  * beforeMount:把vue对象挂载到html元素之前调用该函数
  * mounted:挂在完成后调用
   */
  var vm = new Vue({
    el:"#div",
    data:{
      msg:"hello"
    },
    mounted(){
      alert("======")
    }
  })
</script>
</body>
</html>